<template>
<div>
<div class="title">周末去哪儿</div>
<ul>
	<li class="item" v-for="item of list" :key="item.id">
		<div class="item-img-wrapper">
			<img class="item-img" :src="item.imgUrl" />

		</div>
		<div class="item-info">
			<p class="item-title">{{item.title}}</p>
			<p class="item-desc">{{item.desc}}</p>
		</div>
		
	</li>
</ul>
</div>
</template>

<script>
export default {
	name:'HomeWeekend',
	props:{
		list:Array
	},
	data (){
		return{
			
		}
	}
}
</script>

<style lang="stylus" scoped>

.title
 line-height:.8rem
 background:#eee
 padding-left:.1rem
.item
 height:4.4rem
 width:100%

.item-img
 width:100%
 height:3rem
 line-height:3rem

.item-title

 padding:.2rem
.item-desc
 padding:.1rem .1rem .1rem .2rem
 padding-bottom:.2rem
 
</style>